<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>css3基础</title> 
<style> 
@keyframes myfirst
{
	from {background:red;}
	to {background:yellow;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {background:red;}
	to {background:yellow;}
}
div
{
	width:100px;
	height:100px;
	background:red;
	animation:myfirst 5s;
	-webkit-animation:myfirst 5s; /* Safari and Chrome */
}
</style>
</head>
<body>
<div>这是使用动画显示</div>

</body>
</html>